<style>
    .right {

        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        width: 0;
        height: 0;
        position: relative;
        top: 35px;
    }

    .p1 {
        margin: 5px;
        font-size: 0.8em;
    }

    .p2 {
        font-size: 0.8em;
        position: fixed;
        left: 10px;
    }
</style>
<ion-view>
    <ion-nav-bar>
        <!--不能没有这个标签-->
    </ion-nav-bar>
    <ion-header-bar style="background-color: #FF6600;">
        <button class="button-icon icon ion-chevron-left" style="color:white" ng-click="goBack()"></button>
        <h3 class="title" style="color:white">我的收益</h3>
    </ion-header-bar>
    <ion-content
            style="background: url(img/background.jpg) no-repeat center center, -webkit-linear-gradient(top, rgb(250, 149, 59) 0%, rgb(245, 88, 69) 100%);background-size: cover;">
        <div id="earnings" style="width: 384px;height: 360px;">
            <div style="font-family: 微软雅黑;width: 95%;position: relative;left: 8%">
                <div class="row" style="position: relative;left:5%;top:-20px;;width:90%;">
                    <div class="col col-33 cv" style="margin:30px;border-right: 1px solid #999999">
                        <div class="center cap-value-small"
                             style="font-size:10px;;width: 100px;">
                            <p style="font-size: 2.0em;color:#FF6600;">695135</p>
                        </div>
                        <div class="center cap-value-small" style="font-size: 10px;color: #979797;">
                            <p style="color: #999999"> 资金总体收益(元)</p>
                        </div>
                    </div>

                    <div class="col col-33 cv" style="border: 0px solid grey;margin-top: 30px;margin-left: -35px;">
                        <div class="center cap-value-small"
                             style="font-size:10px;">
                            <p style="font-size: 2.0em;color:#FF6600"> 28%</p>


                        </div>
                        <div class="center cap-value-small" style="font-size: 10px;color: #979797;">
                            <p class="spc" style="color: #999999"> 资金总体收益率</p>
                        </div>
                    </div>
                </div>
            </div>
            <p style="position: absolute;top:20%;left:15%;color: #999999;font-size: 0.625em">7日收益日走势图</p>
            <img src="img/sevenday.png" style="margin:-40px 10px 10px 10px;position: relative;top:35px;"width="95%"/>
        </div>

        <div style="background-color: #F8983E;opacity: 0.7;border: 0px solid red">

            <div class="row"
                 style="font-size: 1.2em;color:white;line-height: 4;">
                <p class="p1" style="position:relative;top: 15px;color: #66CCFF " >网贷</p>

                <div class="right" style="border-left:30px solid #66CCFF"></div>
                <!--<div style="position: absolute;top:380px;">本金:10000.00</div>-->
                <p style="width: 20px;"></p>本金:10000.00 <p style="width: 20px;"></p>

            </div>
            <div style="position: absolute;width: 100%;top:51%;left:92px;color: white"> 总收益:500.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                资金收益率:5%
            </div>
            <hr style="width: 90%;color: white">
            <div class="row"
                 style="font-size: 1.2em;color:white;line-height: 4;">
                <p class="p1" style="color: #3399FF">银行</p>

                <p class="p2" style="top: 490px;color: #3399FF">理财</p>

                <div class="right" style="border-left:30px solid #3399FF"></div>
                <p style="width: 20px;"></p>本金:10000.00 <p style="width: 20px;"></p>
            </div>
            <div style="position: absolute;width: 100%;top:63%;left: 92px;color: white"> 总收益:500.00&nbsp;&nbsp;&nbsp;&nbsp;资金收益率:5%</div>
            <hr style="width: 90%;color: white">
            <div class="row"
                 style="font-size: 1.2em;color:white;line-height: 4;">
                <p class="p1" style="color: #FFFFFF">随机</p>

                <p class="p2" style="top: 580px;color: #FFFFFF">宝</p>

                <div class="right" style="border-left:30px solid #FFFFFF"></div>
                <p style="width: 20px;"></p>本金:10000.00 <p style="width: 20px;"></p>
            </div>
            <div style="position: absolute;width: 100%;top:75%;left: 92px;color: white"> 总收益:500.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                资金收益率:5%
            </div>
            <hr style="width: 90%;color: white">
            <div class="row"
                 style="font-size: 1.2em;color:white;line-height: 4;">
                <p class="p1" style="color: #A26A33">江南</p>

                <p class="p2" style="top: 680px;color: #A26A33">组合</p>

                <div class="right" style="border-left:30px solid #A26A33"></div>
                <p style="width: 20px;"></p>本金:10000.00 <p style="width: 20px;"></p>
            </div>
            <div style="position: absolute;width: 100%;top:86.5%;left: 92px;color: white"> 总收益:500.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                资金收益率:5%
            </div>
            <hr style="width: 90%;color: white">
            <div class="row"
                 style="font-size: 1.2em;color:white;line-height: 4;">
                <p class="p1" style="position: relative;top:12px;color: #00CC66">众筹</p>

                <div class="right" style="border-left:30px solid #00CC66"></div>
                <p style="width: 20px;"></p>本金:10000.00 <p style="width: 20px;"></p>
            </div>
            <div style="position: absolute;width: 100%;top:97%;left: 92px;color: white"> 总收益:500.00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                资金收益率:5%
            </div>
        </div>

    </ion-content>
</ion-view>
